<!--
 * @Author: Gary 289602025@qq.com
 * @Date: 2024-04-27 23:49:01
 * @LastEditors: Gary 289602025@qq.com
 * @LastEditTime: 2024-04-27 23:49:04
 * @FilePath: \vue3-test\bak\21_markRaw\Father.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
  <div>

  </div>
</template>

<script setup lang="ts">
  import { markRaw, reactive } from 'vue'

  let citys = markRaw([
    { id: 'asdda01', name: '北京' },
    { id: 'asdda02', name: '上海' },
    { id: 'asdda03', name: '天津' },
    { id: 'asdda04', name: '重庆' }
  ])

  console.log('citys--', citys)

  let citys2 = reactive(citys)

  console.log('citys2--', citys2)
</script>

<style>
</style>